.wrap .list {
    margin: 0 10px;
    padding: 10px 0;
    /* border-bottom: 1px solid #eeeeee; */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wrap .list .content-wrap {
    display: flex;

}

.wrap .list .content {
    max-width: calc(100% - 80px - 20px);
}

.wrap .tx {
    width: 80px;
    height: 80px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrap .tx.img-w img {
    width: 80px;
}
.wrap .tx.img-h img {
    height: 80px;
}
.wrap .tx.img-h, .wrap .tx.img-w {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap .img-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 0 7px 0 0;
    font-size: 10px;
    padding: 2px 5px; */
    font-size: 10px;
    background-image: url('../image/icon/img.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 35px;
}
.wrap .img-tag .img-num {
    padding-left: 20px;
    color: #fff;
}

.wrap .name {
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.wrap .name-wrap .tag {
    font-size: 10px;
    color: #fff;
    border-radius: 2px;
    height: 16px;
    width: 25px;
    /* background: #673AB7; */
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.wrap .name-wrap .tag.girl-tag {
    /* background: linear-gradient(24deg, #FF5D6E, #ffeb3b, #FF5D6E); */
    background-image: url('../image/icon/girl.png');
    background-color: none;
    width: 34.5px;
    height: 21px;;
}

.wrap .name-wrap .tag.real-tag {
    /* background: linear-gradient(24deg, #4caf50, #ffeb3b, #4caf50); */
    background-image: url('../image/icon/real.png');
    background-color: none;
    width: 36px;
    height: 21px;;
}

.wrap .name-wrap .tag.vip-tag {
    /* background: linear-gradient(24deg, #ff5722, #ffeb3b, #ff5722); */
    background-image: url('../image/icon/vip.png');
    background-color: none;
    width: 20px;
    height: 14px;;
}

.wrap .tag-wrap {
    margin-top: 7px;
}

.wrap .tag-wrap .tag {
    font-size: 10px;
    background: rgba(231,210,255,0.52);;
    color: #7C4EB2;
    /* background: #e2d6f7;
    color: #673AB7; */
    padding: 1px 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-right: 3px;
    display: flex;
    align-items: center;
}
.wrap .tag-wrap .tag .base-icon{
    width: 8px;
    height: 10px;
    margin-right: 3px;
}
.wrap .tag-wrap .tag.area-tag {
    background:#F0F0F2;
    color: #777D80;
    /* background: #c4ddf1;
    color: #2196f3; */
}

.wrap .tag-wrap .tag.online-tag {
    background: #DEF5E7;
    color: #21D67F;
    /* background: #e1f7c7;
    color: #4caf50; */
}

.wrap .tag-wrap .tag.lock-tag {
    background: #e7f1f5;
    color: #3e94cd;
}
.wrap .tag-wrap .tag.money-tag {
    background: #f9d3e0;
    color: #e91e63;
}

.wrap .tag-wrap .tag .iconfont {
    font-size: 12px;
}

.wrap .more {
    /* border: 1px solid #aaa; */
    /* border-radius: 3px; */
    color: #aaa;
    /* padding: 0 3px;
    font-size: 12px; */
    position: absolute;
    right: 10px;
}
.wrap .more .aui-iconfont {
    font-size: 18px;
}